<!--
 * @Author: your name
 * @Date: 2021-08-05 17:02:07
 * @LastEditTime: 2021-08-05 19:08:57
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \briup\3-html&css\day04\6-多选择器.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>多选择器</title>
    <style>
        /* 嵌套选择器 */
        div.myDiv {
            background-color: lightseagreen;
        }
    </style>
</head>
<body>
    <div id="app">
        <div class="myDiv" id="one">1 </div>
        <p>p1</p>
        <p>p2</p>
        <p>p3</p>
        <div class="myDiv" id="two">2 </div>
        <div class="myDiv" id="three">
              <p class="myDiv">p2-1</p>
              <div>123</div>
              <p class="">p2-2</p>
              <p class="">p2-2</p>
              <p class="">p2-2</p>
              <p>p2-3</p>
              <div>3</div>
              <div>4</div>
              <div>5</div>
         </div>
     </div> 
</body>
</html>